<style type="text/css" >
/*put your style here*/
.dateHeader{
    height: 25px;
    font-size: 18px;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    text-indent: 10px;
    font-family: arial;
    font-weight: 100;
    background-color: rgb(187,187,187);

}
</style>

<style type="text/css">





.dataItem.select{
  background-color: rgb(218,218,218);
}

.extendBlock, .dataItem{
  position: relative;
  color: rgb(134,134,134);
  padding-left: 15px;
  /*font-size: 16px;*/
  padding: 10px;
}


.extendBlock{


}

.extendBlock:before, .dataItem:after{
  height: 0px;
  width: 0px;
  content: ' ';
  position: absolute;
  border: 10px solid transparent;
}

.extendBlock:first-child:before{
  border-bottom: 10px solid #f2f2f2; 
  top:-20px;
  left: 30px;
}

.dataItem:after{
  position: absolute;
  right: 20px;
  top: 10px;
  border-left: 10px solid rgb(108,108,108); 
  -webkit-transform: scale(1,0.8);
  -moz-transform: scale(1,0.8);
  -ms-transform: scale(1,0.8);
  -o-transform: scale(1,0.8);
  transform: scale(1,0.8);
}
.dataItem.select:after{
  right: 24px;
  border-top: 10px solid rgb(108,108,108); 
  border-left: 10px solid transparent; 
  -webkit-transform: scale(0.8,1);
  -moz-transform: scale(0.8,1);
  -ms-transform: scale(0.8,1);
  -o-transform: scale(0.8,1);
  transform: scale(0.8,1);
}
.cube-extend-view{
  background-color: rgb(247,247,247) !important;
}






.ebtitlebg{
 background-color: rgb(218,218,218);
  
  border-bottom: 1px solid #ccc;
  border-top:1px solid #ccc;
}
.ebtitlebg2{
  background-color: rgb(218,218,218);
border-top:1px solid white;
border-bottom: 1px solid #ccc;
}

.ebtitlebg:hover-none{
  /*background-color: rgb(209,228,248);*/
}

.dateHeader{
    width: 100%;
    height: 24px;
    font-size: 18px;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    text-indent: 20px;
    font-family: arial;
    font-weight: 100;
    background-color: rgb(192,192,192);
}
.ebdateHeader{
    width: 100%;
    height: 24px;
    font-size: 18px;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    text-indent: 20px;
    font-family: arial;
    font-weight: 100;
    background-color: rgb(192,192,192);
}

.ebTitle, .ebTime {
  padding-top: 6px !important;
}



.detailImage2 {
  padding-top: 12px;
}










</style>
<script type="text/x-underscore-template">
//put your template here
</script>


<script id="appliancesTemp" type="text/x-jquery-tmpl">
<% var index=0; _.each(rows,function(data){
 %>

<ul class="list-st list-st1">
  <li  style="padding:8px;padding-left:5px;height:36px;" index="<%=index%>">
     
        <p class="vi-cen2" style="width:90%;word-break:break-all;text-align:left;font-size:18px;" > <%=data.title%></p><p class="vi-cen"><i></i></p>
    <hr>
    </li>
</ul>

  <% index++;});%>
</script>
<!-- header -->
<header class="bar-title">
    <a id="back" class="button back">
    <img src="../service/img/icon_back.ing" style="width:20px;">
    </a>
    <h1 class="title">使用小窍门</h1>
</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary">
</nav>

-->

<!-- content -->

<div class="content" id="appliances" style="padding-left:0px;
padding-right:0px">
<div style="width:100%;">
<!-- <div class="" style="overflow: auto;position: absolute;width: 100%;left: 0"> -->
<!-- 	<div class="titlebg" style="height:140px;width:100%;text-align:center;" >
	<img src="../service/img/haier.ing" style="padding-top:20px;">
</div> -->

    <div class="logo2" style="">
      <!-- <img src="../service/img/haier.ing" width="100%"> -->
    </div>

<div  style="width:100%;">
	




<div class="ebtitlebg dataItem select" state="maintainList">

<span class="sizenumber4">日常保养</span>
</div>
<div id="maintainList" class="ebtask tophr" style="display:block;"></div>



<div class="ebtitlebg dataItem ebtitlebg2" state="questionList">

<span class="sizenumber4">常见问题</span>
</div>
<div id="questionList" class="ebtask tophr" style="display:none;" ></div>




<div class="ebtitlebg dataItem ebtitlebg2" state="operationList">

<span class="sizenumber4">操作指南</span>
</div>
<div id="operationList" class="ebtask tophr" style="display:none;" ></div>



<div class="ebtitlebg dataItem ebtitlebg2" state="faultList">

<span class="sizenumber4">故障排除</span>
</div>
<div id="faultList" class="ebtask tophr" style="display:none;" ></div>


<div  class="dateHeader" style="width:100%;">模糊查询</div>
<div style="padding:15px;">


	<table style="width:100%;">
	
	<tr>

			<td style="width:65%;">
			   <input placeholder="请输入搜索的关键字" id="airNo" style="width:100%;text-indent:5px;
                  border-radius: 5px;padding:8px 5px 5px 5px"> 
		</td>
			<td style="width:35%;text-align:right;">
			<div class="csair-btn-lite" style="width:80px;" id="submit">查询</div>
		</td>
	
	
	</tr>
</table>

	  
              
</div>



	  





</div>
</div>

